<template>
  <div class="mine">
    <van-nav-bar title="个人信息" placeholder fixed left-arrow />
    <div class="mine__content">
      <div class="mine__avatar">
        <div class="title">个人信息</div>
        <div class="avatar">
          <img src="@/assets/images/login.png" />
        </div>
      </div>
      <div class="mine__info">
        <van-cell-group :border="false">
          <van-cell title="签名" value="签名信息" />
          <van-cell title="名字" value="内容" />
          <van-cell title="性别" value="内容" />
          <van-cell title="生日" value="内容" />
          <van-cell title="婚恋情况" value="内容" />
        </van-cell-group>
      </div>
      <div class="mine__info">
        <van-cell-group :border="false">
          <van-cell title="所在部门" value="签名信息" />
          <van-cell title="工号" value="内容" />
          <van-cell title="岗位" value="内容" />
        </van-cell-group>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.mine {
  min-height: 100vh;
  background-color: #F5F9FC;

  &__content {
    padding-top: 8px;
  }

  &__avatar {
    padding: 14px;
    background-color: #fff;

    .title {
      font-size: 16px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #272B2D;
      line-height: 22px;
    }

    .avatar {
      padding: 6px 0 20px 0;
      text-align: center;

      img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
      }
    }


  }

  &__info{
    padding-top: 8px;
  }
}
</style>
